﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="OrderDetailInfo.aspx.cs" Inherits="Liguo.Administration.OrderDeatailInfo" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
        .left
        {
            position: absolute;
            left: 20px;
            top: 80px;
            width: 350px;
            height: 900px;
        }

        .right
        {
            position: absolute;
            left: 400px;
            top: 10px;
            width: 900px;
            height: 900px;
        }

        .txtbar
        {
            position: relative;
            top: 80px;
            left: 0px;
            width: 900px;
            height: 30px;
            text-align:center;
        }

        .goodsdatalist
        {
            position: relative;
            top: 90px;
            left: 0px;
            width: 900px;
            height: auto;
        }

        .item
        {
            position: relative;
            top: initial;
            width: 900px;
            height: 80px;
        }


        .txtorderid
        {
            height: 50px;
        }

        .txtusername
        {
            height: 50px;
        }

        .txttime
        {
            height: 50px;
        }

        .txtstatus
        {
            height: 50px;
        }

        .txtremark
        {
            position: absolute;
            top: 220px;
            text-align: center;
            height: 20px;
            left: 0px;
        }

        .adaptremark
        {
            text-align: center;
            height: 50px;
        }

        .contentorderid
        {
            height: 50px;
        }

        .contentusername
        {
            height: 50px;
        }

        .contenttime
        {
            height: 50px;
        }

        .contentstatus
        {
            height: 50px;
        }

        .contentremark
        {
            text-align: center;
            height: 150px;
        }

        .hintordergood
        {
            position: absolute;
            left: 350px;
            top: 10px;
        }

        .txtimage
        {
            position: absolute;
            top: 0px;
            left:30px;
            font-size: 15px;
        }

        .txtgoodsname
        {
            left: 140px;
            position: absolute;
            top: 0px;
            font-size: 15px;
        }

        .txtcaltype
        {
            left: 214px;
            position: absolute;
            top: -5px;
            font-size: 15px;
            text-align:center;
        }
        .txtweight
        {
            left:305px;
            position: absolute;
            top: 0px;
            font-size: 15px;
        }
        .txtamount
        {
            left:380px;
            position: absolute;
            top: 0px;
            font-size: 15px;
        }
        
        .txtperprice
        {
            left: 460px;
            position: absolute;
            top: 0px;
            font-size: 15px;
        }

        .txtallcost
        {
            left: 560px;
            position: absolute;
            top: 0px;
            font-size: 15px;
        }

        .txtop1
        {
            left: 650px;
            position: absolute;
            top: 0px;
            font-size: 15px;
        }

        .txtop2
        {
            left: 745px;
            position: absolute;
            top: 0px;
            font-size: 15px;
        }

        .contentimage
        {
            top: 0px;
            position: absolute;
            left: 10px;
            width: 90px;
            height: 80px;
            text-align: center;
        }

        .contentgoodsname
        {
            position: absolute;
            top: 0px;
            left: 110px;
            width: 100px;
            height: 80px;
            text-align: center;
        }

        .contentcaltype
        {
            position: absolute;
            top: 0px;
            left: 210px;
            width: 90px;
            height: 80px;
            text-align: center;
        }

        .contentweight
        {
            position: absolute;
            top: 0px;
            left: 310px;
            width: 40px;
            height: 40px;
            text-align: center;
        }

        .contentamount
        {
            position: absolute;
            top: 0px;
            left: 380px;
            width: 40px;
            height: 40px;
            text-align: center;
        }

        .contentperprice
        {
            position: absolute;
            top: 0px;
            left: 450px;
            width: 50px;
            height: 80px;
            text-align: center;
        }

        .contentallcost
        {
            position: absolute;
            top: 0px;
            left: 550px;
            width: 50px;
            height: 80px;
            text-align: center;
        }

        .contentop1
        {
            position: absolute;
            top: 0px;
            left: 640px;
            width: 50px;
            height: 80px;
            text-align: center;
        }

        .contentop2
        {
            position: absolute;
            top: 0px;
            left: 740px;
            width: 30px;
            height: 80px;
            text-align: center;
        }

        .ctrlimage
        {
            position: absolute;
            left: 0px;
            width: 90px;
            height: 80px;
            text-align: center;
        }

        .ctrlgoodsname
        {
            position: absolute;
            top: 30px;
            left: 0px;
            width: 100px;
            height: 40px;
            text-align: center;
        }

        .ctrlcaltype
        {
            position: absolute;
            left: 0px;
            top: 30px;
            width: 70px;
            height: 40px;
            text-align: center;
        }

        .ctrlweight
        {
            position: absolute;
            left: 0px;
            top: 20px;
            width: 40px;
            height: 40px;
            text-align: center;
        }

        .ctrlamount
        {
            position: absolute;
            left: 0px;
            top: 20px;
            width: 40px;
            height: 40px;
            text-align: center;
        }

        .ctrlperprice
        {
            position: absolute;
            left: 0px;
            top: 30px;
            width: 50px;
            height: 80px;
            text-align: center;
        }

        .ctrlallcost
        {
            position: absolute;
            left: 0px;
            top: 30px;
            width: 50px;
            height: 80px;
            text-align: center;
        }

        .ctrlop1
        {
            position: absolute;
            left: 0px;
            top: 30px;
            width: 50px;
            height: 80px;
            text-align: center;
        }

        .ctrlop2
        {
            position: absolute;
            left: 0px;
            top: 30px;
            width: 30px;
            height: 80px;
            text-align: center;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <h1>利果社订单详细信息</h1>
        </div>
        <!--下面的div块用来显示基本的：用户名，订单ID，下单时间，订单状态，备注信息!-->
        <div class="left">
            <table>
                <tr>
                    <td class="txtusername"><span>用户名:</span></td>
                    <td class="contentusername">
                        <asp:TextBox ID="TextBox_UserName" runat="server" ReadOnly="True"></asp:TextBox></td>
                </tr>
                <tr>
                    <td class="txtorderid"><span>订单号:</span></td>
                    <td class="contentorderid">
                        <asp:TextBox ID="TextBox_OrderId" runat="server" ReadOnly="True"></asp:TextBox></td>
                </tr>
                <tr>
                    <td class="txttime"><span>下单时间:</span></td>
                    <td class="contenttime">
                        <asp:TextBox ID="TextBox_Time" runat="server" ReadOnly="True"></asp:TextBox></td>
                </tr>
                <tr>
                    <td class="txtorderstatus"><span id="amount">订单状态:</span></td>
                    <td class="contentstatus">
                        <asp:TextBox ID="TextBox_OrderStatus" runat="server" ReadOnly="True"></asp:TextBox></td>
                </tr>
                <tr>
                    <td>
                        <span class="txtremark">备注:</span>
                    </td>
                    <!--<td class="txtremark"><span>备注:</span></td>-->
                    <td class="contentremark">
                        <asp:TextBox ID="TextBox_Remark" runat="server" ReadOnly="True" Rows="10" TextMode="MultiLine"></asp:TextBox></td>
                </tr>

            </table>
        </div>

        <!--下面的div用来显示商品图片，商品名，
            商品卖和算方式，数量，单价，总价，删除，修改--!-->
        <div class="right">
            <div class="hintordergood">
                <h2>订购物品详情</h2>
            </div>
            <div class="txtbar">
                <asp:Label ID="Label_1" runat="server" class="txtimage">商品图片</asp:Label>
                <asp:Label ID="Label_2" runat="server" class="txtgoodsname">商品名</asp:Label>
                <asp:Label ID="Label_3" runat="server" class="txtcaltype">订购<br/>结算方式</asp:Label>
                <asp:Label ID="Label_4" runat="server" class="txtamount">数量/件</asp:Label>
                <asp:Label ID="Label_5" runat="server" class="txtweight">重量/KG</asp:Label>
                <asp:Label ID="Label_6" runat="server" class="txtperprice">单价</asp:Label>
                <asp:Label ID="Label_7" runat="server" class="txtallcost">总价</asp:Label>
                <asp:Label ID="Label_8" runat="server" class="txtop1">删除</asp:Label>
                <asp:Label ID="Label_9" runat="server" class="txtop2">修改</asp:Label>
            </div>
            <asp:DataList ID="DataList_GoodsInfo" runat="server" RepeatColumns="1" CellPadding="0" GridLines="Both" CssClass="goodsdatalist" BorderStyle="Dotted"  OnItemCommand="itemModifyEvent">
                <ItemStyle VerticalAlign="Middle"  />
                <ItemTemplate>
                    <div class="item">
                        <div class="contentimage">
                            <asp:Image ID="Image1" runat="server" ImageUrl='<%# "~/images/"+ Eval("PicturePath").ToString()+".png"%>' CssClass="ctrlimage"   />
                        </div>
                        <div class="contentgoodsname">
                            <asp:Label ID="Label_GoodsName" runat="server" Text='<%# Eval("GoodsName").ToString() %>' CssClass="ctrlgoodsname"></asp:Label>
                        </div>
                        <div class="contentcaltype">
                            <asp:Label ID="Label_Type" runat="server" Text='<%#Eval("Method").ToString() %>' CssClass="ctrlcaltype"></asp:Label>
                        </div>
                         <div class="contentweight">
                            <asp:TextBox ID="TextBox_Weight" runat="server" Text='<%#Eval("Weight").ToString()%>'  CssClass="ctrlweight"></asp:TextBox>
                        </div>
                        <div class="contentamount">
                            <asp:TextBox ID="TextBox_Amount" runat="server" Text='<%#Eval("Amount").ToString() %>'   CssClass="ctrlamount"></asp:TextBox>
                        </div>
 
                        <div class="contentperprice">
                            <asp:Label ID="Label_PerPrice" runat="server" Text='<%# "￥"+Convert.ToDouble(Eval("GoodsPerPrice")).ToString("F2") %>' CssClass="ctrlperprice"></asp:Label>
                        </div>
                        <div class="contentallcost">
                            <asp:Label ID="Label_AllCost" runat="server" Text='<%# "￥"+(Convert.ToDouble(Eval("OrderSumPrice"))).ToString("F2") %>' CssClass="ctrlallcost"></asp:Label>
                        </div>
                        <div class="contentop1">
                            <asp:LinkButton ID="LB_Delete" runat="server"  CommandName="delete" CssClass="ctrlop1">
                                delete</asp:LinkButton>
                        </div>
                        <div class="contentop2">
                            <asp:LinkButton ID="LB_Modify" runat="server" CommandName="modify" CssClass="ctrlop2">
                                modify</asp:LinkButton>
                        </div>
                    </div>
                </ItemTemplate>

            </asp:DataList>
        </div>
    </form>
</body>
</html>
